// 组件生命周期
// 组件初始化
// 组件更新 new props  setState forceUpdate
// 组件卸载
// digitalClock
import React from 'react'
const msg = '第一天'

export default class App extends React.Component {
  render() {
    return (
      <div>
        <label htmlFor="userName">{msg}</label>
        <input type="text" id="userName" />
        <div className="new"></div>
        <div style={{marginRight: 17 + 'px'}}></div>
      </div>
    )
  }
}
// ## React 第一天
// 文件名可以用 jsx 或者 jsx
// 组件名必须大写
// js中出现()代表想要html
// html 出现{}代表想要js
// export default 默认导出
// {{marginRight:17+'px'}}
// label 如果用for 会报错 invalid 只能用 htmlFor (vaild)
// 标签使用 class 会报错 invalid 只能用 className (vaild)
// 标签使用 style 会报错 for example style={{17+'px'}}
// 为什么style 是双花括号  第一是 在  html 标签里写js 一个花括号，第二个是因为 style 是键值对象形式
